<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">  
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>${seo.title!''}</title>
  	<meta name="description" content="${seo.describe!''}"/>
    <meta name="keywords" content="${seo.keyword!''}"/>
	<link href="/images/favicon.png" rel="shortcut icon" />
	<link rel="stylesheet" type="text/css" th:href="@{css/reception/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/reception/style.css}"/>
    <link rel="stylesheet" type="text/css" media="screen and (max-width:1199px)" th:href="@{css/reception/phone.css}"/>
	<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<![endif]-->
	<script>
	var _hmt = _hmt || [];
	(function() {
  		var hm = document.createElement("script");
  		hm.src = "https://hm.baidu.com/hm.js?ee2370df92169848f6c4395d9d488fc1";
  		var s = document.getElementsByTagName("script")[0]; 
  		s.parentNode.insertBefore(hm, s);
	})();
</script>
</head>
<body>
	<div id="solution">
		<nav class="nav"></nav>
		<section>
			<div class="solution banner">
				<div>
					<img src="images/solution/solution_bg1.jpg" title="少儿体适能训练方案定制" alt="少儿体适能训练方案定制">
				</div>
				<!-- <div class="title w1200">
					<h4>GAMES TIME</h4>
					<p>以“games”的理念，利用前沿科技技术为孩子提供从体质测试-体能训练-数据收集反馈的整套体能提升智能化解决方案，并结合全人教育理念，培养青少儿在心理素质、情感、智力方面的提升。</p>
				</div> -->
			</div>
			<div class="solution_cen visible">
				<div class="title w1200">
					<h4>智能体测</h4>
					<p>体质评测就是运用科学的方法对青少儿个体形态、机能和身体素质等进行测试和评定。加力自主研发的新一代智能体测设备自动完成数据录入、分析、上传等功能，通过故事的植入，闯关互动形式，让孩子自主完成测试。</p>
					<a href="/zntc">了解更多</a>
				</div>
			</div>
			<div class="solution_cen bg_eee visible">
				<div class="title w1200">
					<h4>训练课程</h4>
					<p>基于体测数据定制的课程方案，顺应孩子的天性，通过游戏竞赛的形式让孩子更自主有趣地完成训练。课程融合运动科学、体育科学及物理治疗方面的科学，让训练更加科学合理有效。</p>
					<a href="/xlkc">了解更多</a>
				</div>
			</div>
			<div class="solution_cen visible">
				<div class="title w1200">
					<h4>智育系统</h4>
					<p>加力智育系统是一套基于科学发展、系统平衡与生态共享三大设计理念研发的智慧平台。融合一系列软硬件产品及专业服务的系统化方案，利用最新的科学技术，制定科学合理的体育课程方案，运用大数据对效果反馈进行分析，进而达到改善青少儿体质健康水平、全面提升校园体育教育水平的目的。</p>
					<a href="/zyxt">了解更多</a>
				</div>
			</div>
			<div class="solution_con bg_eee visible">
				<div class="solution_title">
					<h4>国民健康工程总规划</h4>
				</div>
				<ul class="w1200 visible">
					<li>
						<span>运动员<br/>拔尖计划</span>
						<img src="images/solution/259589077577498860.png" alt="运动员拔尖计划" title="运动员拔尖计划">
					</li>
					<b></b>
					<li>
						<span>青少年<br/>体能计划</span>
						<img src="images/solution/456648490746642907.png" alt="青少年体能计划"  title="青少年体能计划">
					</li>
					<b></b>
					<li>
						<span>全人教育<br/>提升计划</span>
						<img src="images/solution/131583375482949049.png" alt="全人教育提升计划"  title="全人教育提升计划">
					</li>
				</ul>
			</div>
			<div class="probation">
				<div class="w1200">
					<dl>
						<dt>免费试用</dt>
						<dd class="left">
							<div class="try">联系人*
								<input type="text" id="name" class="form-control">
							</div>
							<div class="try">机构名称*
								<input type="text" id="email" class="form-control">
							</div>
						</dd>
						<dd class="left">
							<div class="try try_phone">手机号*
								<input type="text" id="phone" class="form-control">
								<span>*手机号码有误，请重填</span>
							</div>
							<div class="try">机构地址*
								<input type="text" id="content" class="form-control">
							</div>
						</dd>
						<button type="button" class="btn btn-default" id="submitAll" data-toggle="modal" data-target="#myModal">立刻申请</button>
					</dl>
					<!-- 弹框 -->
					<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-body">
									申请成功
								</div>
								<div class="modal-footer">
									<button type="button" class="btn modal-btn" 
											data-dismiss="modal">关闭
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="footer"></div>
		</footer>
	</div>
	<script type="text/javascript" th:src="@{libs/jquery-2.1.0.min.js}"></script>
	<script type="text/javascript" th:src="@{libs/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{js/reception/style.js}"></script>
  	<script type="text/javascript">
	  	$(function(){
			var elmArr = [],
			$win = $(window);
			$(".visible").each(function(i,elm){
				$(elm).data("ot",$(elm).offset().top);
				elmArr.push(elm);
			});
			dealClass(1);
			$win.on("scroll",dealClass);

			function dealClass(isRemove){
				var top = $win.height() + $win.scrollTop();
				if(isRemove!=1){
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") <= top){
							$elem.addClass("visible");
							elmArr.splice(i, 1);--i;}
					}
				}else{
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") >= top){
							$elem.removeClass("visible");
						}
					}
				}
			}

		})
  	</script>
</body>
</html>